<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>马面裙</title>
<link href="css.css" rel="stylesheet" media="screen" type="text/css" />
</head>
	<style>
	    .nav{
			background:#5C0001;
			width:75%;
			float:right;
		}
		.nav a{
			color:#FFFFFF;
			padding:14.5px 20px;
			display: inline-block;
			float:center;
		}
		.nav a:hover{
			background:#FFFFFF;
			color:#5C0001;
		}
		.nav01{
			background:#5C0001;
			width:75%;
			float:right;
		}
		.nav01 a{
			float:right;
			color:#FFFFFF;
			padding:0px 15px 8px 0px;
			display: inline-block;
		}
		.nav01 a:hover{
			background:#FFFFFF;
			color:#5C0001;
		}
	</style>	
<body>
<div class="con">
  <div class="head">
    <div class="logo"><img src="images/logo (2).jpg"/></a></div>
    <div class="nav">
      <ul>
        <a href="index.html">首页 </a>
        <a href="马面溯源.html">马面溯源 </a>
        <a href="../../马面课设-裙褶之美/裙褶之美.html">裙褶之美 </a>
        <a href="../../马面裙网设-历久弥新/马面裙网设/HTML/历久弥新.html">历久弥新 </a>
        <a href="留言建议.html">留言建议 </a>
      </ul>
    </div>
	<div class="nav01">
		 <ul>
			 <a href="../../登录界面/登录/登录界面.html">登录</a>
		 </ul>
	  </div>
    <div class="clear"></div>
    <!------------------ end nav--------------------------->
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="main">
    <div class="left">
     
      <div class="search">
        <input class="s_input" />
      </div>
      <div class="left_nav">
        <ul>
          <li><a href="各种马面.html">各种马面 </a><span><a href="html/gezhong.html"> </a></span></li>
          <li><a href="马面展览.html">马面展览 </a><span><a href="#"> </a></span></li>
          <li><a href="留言建议.html">留言建议 </a><span><a href="#"> </a></span></li>
      </ul>
    </div>
    <div class="clear"></div>
    <!------------------ end nav--------------------------->
          </div>
      <!------------------ end left--------------------------->
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>轮播图</title>
    <link rel="stylesheet" href="轮播.css">

<div class="swipe">
        <!-- 指示器 -->
      <input type="radio" name="indicator" id="indicator1" checked hidden>
      <label for="indicator1"></label>        
      <input type="radio" name="indicator" id="indicator2" hidden>
      <label for="indicator2"></label>        
      <input type="radio" name="indicator" id="indicator3" hidden>
      <label for="indicator3"></label>
  </div>
	      <div class="right_nav">
           <h2>马面简介</h2>
          <p>马面裙是中国汉服中的一种主要裙式，由前后四个裙门组成，两两重合，侧面打裥，中间裙门重合的光面称“马面” 。 </p>
          <p>其历史悠久，可追溯到宋代旋裙，历经辽、金、元等阶段，在明代成熟，清代达到鼎盛 。民国后渐简约，后走向末梢，如今又重焕生机  。</p>
          <p>马面裙整体呈梯形，上窄下宽，平铺为扇形 。制作强调“物尽其用”，多幅拼缝，少裁剪 。根据色彩、用途等有多种分类，如单色裙、月华裙、嫁衣裙等  。</p>
          <p>它不仅体现了中华民族节俭美德，其设计还融入螺钿、皮影等元素，传播非遗文化  。同时，马面裙承载着历史记忆与文化基因，是文化自信的体现 。</p>
    
         </div>
        <!------------------ end right_nav---------------------------> 
             
      </div>
    <div class="clear"></div>
    <div class="Gallery_nav pt20">
      <ul>
        <h3>马面展览</h3>
        <li><a href="#"><img src="images/zhanlan/1.jpg" /></a></li>
        <li><a href="#"><img src="images/zhanlan/9.jpg" /></a></li>
        <li><a href="#"><img src="images/zhanlan/10.jpg" /></a></li>
        <li><a href="#"><img src="images/zhanlan/11.jpg" /></a></li>
 </ul>
    
  </div>
</body>
</html>
   
